

<template>
  <view :style="{height:40+safeHeight+'px'}">
    <view class="text-center  text-sm safeButton tag btn" style="position: fixed;bottom: 0;width: 100%;">
      <text class="bg-E7E7E7 text-666666 text-center px-4  rounded-4" v-if="current == 0">
        <text @click="goPage('/pages/page/page?diyname=shiyongxuzhi')">使用须知</text>
        <text class="px-4">|</text>
        <text @click="goPage('/pages/page/page?diyname=shiyongxuzhi')">储值卡教程</text>
      </text>
      <text class="bg-E7E7E7 text-666666 text-center px-4  rounded-4" v-if="current == 1">
        <text @click="goPage('/pages_sub/card/buyList')">购买记录</text>
        <text class="px-4">|</text>
        <text @click="goPage('/pages_sub/card/useList')">使用记录</text>
      </text>
      <view style="height: 10px"></view>
    </view>

  </view>
</template>
<script>
export default {
  name: "Footer",
  props:['current'],
  data(){
    return {
      safeHeight:uni.getSystemInfoSync().safeAreaInsets.bottom
    }
  },

}
</script>
<style scoped lang="scss">
.tag{
  padding-top: 20rpx;
  position: sticky;
  bottom: 0;
  z-index: 10;
  background-color: #F3F5F7;
}
</style>